@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d}
a, img{border:none; text-decoration:none}
a:hover{color:#2fa424}
ul, li {list-style:none}
table {border-collapse:collapse}
body { background:#f5f5f5}



.clear {clear:both}
#wrapper { margin:0 auto}
#top {margin:20px auto; padding:5px; width:980px;}
.logo {float:left}
.lang {float:right}
.login1 {float: right;}
.login1 a { font-size:13px;color:#2593d9}
.login1 a:hover {font-size:13px;text-decoration:underline}
.dmenu {text-align:right; margin:50px auto 0; width:980px;}
.menu { background:url(../images/bgmenu.png) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; height:41px; display: inline-block; box-shadow: 0 2px 2px #999}
.menu li {display:inline-block; padding:0 12px 0 6px; line-height:41px; background:url(../images/menuline.png) no-repeat right center}
.menu li:last-child {background:none}
.menu li a { font-size:15px; font-weight:bold; text-shadow:1px 1px white; padding: 4px 0 4px 26px}
.home a {background:url(../images/home.png) no-repeat left center;}
.download2 a {background:url(../images/down.png) no-repeat left center;}
.buy a {background:url(../images/buy.png) no-repeat left center; }
.contact a {background:url(../images/contact.png) no-repeat left center;}
.tbox {height:390px; background:url(../images/norepeat.png) no-repeat; margin: 0 auto; position:relative; width:980px}
.lbox {position:absolute; background:url(../images/box.png) no-repeat; width:347px; height:506px; top:-67px; left:25px;}
.download {position:absolute; right:20px; bottom:20px}
.content {margin:5px auto; box-shadow: 0 2px 2px #999; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:10px; min-height:220px; background:#e7e7e6; width:980px}
.remote {background:url(../images/remote.png) no-repeat left center; margin:31px 57px; padding-left:100px; height:120px; float:left; position:relative; padding-top:40px;}
.remote a { font-size:16px; font-weight:bold;}
.remote .viewmore {position:absolute; right:0px; bottom:0px; background:url(../images/view.png) no-repeat right center; padding-right:15px; font-size:14px}
.lineb {background: url(../images/line2.png) no-repeat; width:2px; height:220px; float:left}
.relay {background:url(../images/relay.png) no-repeat left center}
.model {background:url(../images/model.png) no-repeat left center}
.footer {margin:40px auto; width:980px}
.footer p {background:url(../images/elisoft.png) no-repeat; height:84px; padding-left:170px; margin-left:30px; line-height:20px}

.bgremote{ color:#1d5657; font-size:16px; font-weight:bold; padding-left:26px; background:url(../images/remote2.png) no-repeat; height:20px; border-bottom: 1px solid #6ab1b2; padding-bottom:5px}
.bgrelay {background: url(../images/relay2.png) no-repeat}
.bgmodel {background: url(../images/model2.png) no-repeat}

.maind {width:980px; margin:0 auto; min-height: 300px}
.dbox {height:390px; background:url(../images/norepeat2.png) no-repeat; margin:10px auto 70px; position:relative; width:980px}
.dbox h2 {position:absolute; left:260px; top:170px; color:white; font-size:18px; font-weight:bold; line-height:30px}
.dbox p {color:white; position:absolute; left:260px; top:265px; font-size:14px; line-height:20px}


.dnbox {height:230px; background:url(../images/norepeat5.png) no-repeat; margin:10px auto 70px; position:relative; width:980px}
.dnbox h2 {position:absolute; left:50px; top:50px; color:white; font-size:18px; font-weight:bold; line-height:30px}
.dnbox p {color:white; position:absolute; left:80px; top:90px; font-size:14px; line-height:20px}
.maincon1 {height:200px; min-height:300px; width:auto; background:url(../images/repeat.png) repeat-x; margin:10px 0 80px}

.seldown {position:absolute; left:30px; bottom:-35px}
.seldown a {padding-left:10px}
.mainleft {float:left; width:400px}
.mainleft h2 {color:#0686d6; font-size:18px}
.dwindow { padding-left:136px; background:url(../images/boxwin.png) no-repeat; margin-top:20px}
.dwindow h3 {color:#0686d6; font-size:17px}
.dwindow p {padding:8px 0}
.dwindow a img {width:200px}
.dsupp {background:url(../images/boxpdf.png) no-repeat; min-height:150px;}
.mainright {float:left; margin-left:20px; width:530px;  border-left:1px solid #cbcaca; padding-left:20px}
.mainright h2 {color:#0686d6; font-size:18px; }

.mainright p{overflow:hidden}
.mainright h3 {color:#0686d6; font-size:24px; float:left; margin: -51px 90px;}
.mainright img{float:left};
.dsupp {background:url(../images/boxpdf.png) no-repeat; min-height:150px;}

.maincon {height:390px; width:auto; background:url(../images/repeat.png) repeat-x; margin:10px 0 80px}
.cbox { background:url(../images/norepeat4.png) no-repeat}
.repeat3 {background:url(../images/norepeat3.png) no-repeat}
.slideshow {position:absolute; left:0px; top:52px}

.info {width:980px}
.info h2{ font-size:18px; color:#2593d9;padding-left:50px}
.info p { font-size:14px; padding: 20px 0 0 60px}
.info a { color:#06C; padding:0 2px}
.info span { font-size: 14px; padding:0px 20px;}
ul#infomation{display:inline-block;margin-top:20px;}
ul#infomation li{list-style:none;display:block;line-height:30px;}
ul#infomation li .left{float:left;width:150px;text-align:right;font-weight: bold;}
ul#infomation li .lid{	float:left;}

.hbox {height:266px; background:url(../images/norepeat5.png) no-repeat; margin:10px auto 70px; position:relative; width:980px}
.hbox h2 {position:absolute; left:50px; top:50px; color:white; font-size:18px; font-weight:bold; line-height:30px}
.hbox p {color:white; position:absolute; left:80px; top:90px; font-size:14px; line-height:20px}
.maincon1 {height:230px; width:auto; background:url(../images/repeat3.png) repeat-x; margin:10px 0 30px}

.content2 {width:980px; margin:0 auto}
.rleft {float: left; width:470px}
.rleft h3 {color:#016bbd; font-size:18px}
.loiich {padding-top:20px}
.loiich li {padding: 5px 0 5px 30px; background:url(../images/ili.png) no-repeat left center}
.rright {float:left; border-left:1px solid #999; padding-left:20px; width:470px}
.rright h3 {color:#016bbd; font-size:18px}
.rdown {text-align:right; padding-right:40px; padding-bottom:10px}
.rdown a img {width:200px}
.concont {position:absolute; left:30px; top:50px}
.concont h3 {color:white; font-size:18px}
.concont p, .concont b {color:white; font-size:16px; width:620px;}
.testt {color:#0686d6; font-size:16px; padding:30px 0}
.hotline {font-weight:bold; color:#0686d6; font-size:16px}
.formlh {padding:20px 10px}
.formlh p {padding:10px 0}
.formlh p a { color:#2593D9;  float: right;  margin: 10px 31px;}
.formlh p a:hover { text-decoration:underline}
.formlh p span{font-size:16px; display:inline-block; width:110px}
.formlh p input[type= text] { height:24px; border:1px solid #a7a7a7; width:200px}
.formlh p input[type= password] { height:24px; border:1px solid #a7a7a7; width:200px}
.formlh p input[type="checkbox"] {   margin: 0 0px 0 0;}
.btsub { cursor:pointer; font-weight:bold; color:#0686d6; background:url(../images/bgbutton.png) repeat-x; box-shadow: 0 2px 2px #999; -moz-border-radius: 6px; -webkit-border-radius: 6px; height:26px; width:100px; border:none; margin:10px 30px 0 0}

.text{width:980px; margin:20px auto; padding: 10px 0px;}

.content2 {margin: -30px auto; min-height: 220px; padding: 10px; width: 980px; }
.buynow { font-size:20px; font-weight:bold; padding-left:30px; background:url(../images/001_46.gif) no-repeat left center; margin-bottom:15px}
.bleft {float:left; width:200px}
.blselect {background: #2993FF; padding:10px 0}
.blselect a { color:white; font-weight:bold; padding-left:16px; background:url(../images/bull-circle-white.gif) no-repeat left center; margin-left:15px}
.nonselect {padding:10px 0}
.nonselect:hover {background:#efefef}
.nonselect a { color:#222; font-weight:bold; padding-left:16px; background:url(../images/bull-circle-gray.gif) no-repeat left center; margin-left:15px}
.bright {float:left; border-left:1px solid #ced4da; padding:20px 34px; width:685px}
.bright img{margin:40px 0}
.bright h3 {font-size:14px; font-weight:bold; border-bottom:1px solid #ced4da; padding-bottom:3px}
.blietke {background:#f7f7f7; border:1px solid #ced4da; margin-top:10px; padding:15px}
.blietke ul li {padding:2px 0}
.alogin { background:url(../images/login.png) no-repeat; width:94px; height:41px; display:block; float:left}
.asign { background:url(../images/signup.png) no-repeat; width:97px; height:41px; display:block; float:left; margin-left:5px}

.required-items { font-weight: normal; margin: 2px 0px;   padding: 0 20px 0 0; text-align: right;}
#table-buynow {width:685px; border-top: 2px solid #000000;}
#table-buynow th {background: none repeat scroll 0 0 #F8F8F8;    border-bottom: 1px solid #D7D7D7;    border-right: 1px solid #ADADAD;    padding: 9px 15px 9px 0;    text-align: right;    vertical-align: top;    width: 120px;}
.star-bullet {font-family: Dotum,AppleGothic,Arial,Sans-serif; color: #ff0000;padding-right: 3px;}
#table-buynow td {border-bottom: 1px solid #D7D7D7; padding: 7px 12px 7px 10px;}
#table-buynow td input {padding: 2px 4px; width: 220px}
.tip {line-height: 28px;}
.info-input-tip {padding: 20px 0; position: relative; text-align: center;}
.info-input-tip a{color:#2993FF}
.info-input-tip a:hover{color:#2993FF; text-decoration:underline}
.buttons-center{text-align:center}
.buy-now, .free-trial {
    background: url(../images/step-title.gif) no-repeat scroll -30px -67px transparent;
}
.steps span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 39px;
    margin:24px 42px 0px 10px;
    text-align: center;
}

.steps .on {
    background: url(../images/step-title.gif) no-repeat scroll center 0 transparent;
}
.steps .on strong {
    color: #2993FF;
    font-size: 24px;
    margin-right: 5px;
}
#gioithieugp {
    line-height: 22px;
    position: absolute;
    right: 5px;
    top: 220px;
}
#gioithieugp p{ color:#FFF; font-size:15px}
.left1 {
    float: left;
    margin: 0 10px; font-weight: bold;
}

.gpright {
    float: right;
}
